<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解javaScript功能：页面上所有触发型效果
		 JQuery的使用方式：
		 1.JQuery官方网站,下载JQuery封装js库，格式:jquery_1.11.1.js
		                 jquery—2.X.js之后的版本不支持IE  6，7， 8
		2.引入JQuery框架【js类库】，在head中，script元素  导入
						 <script src="js/jquery-1.11.1.js"></script>
		3.编写JQuery框架语法--JS页面动态效果	
		在页面最后body前方加script元素，为什么？
		思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果
		     整个html+css  理解为一颗DOM树 元素  属性  属性值，，先存在
			 这些元素，才可以进行操作。所以，js中DOM树的操作需要等页面元素
			 都加载完毕，才可以进行对页面元素进行实质性操作！
			 
			JavaScript行为层   EMCAScript5.0核心语法层---类似与Java基础
					 功能：做逻辑
			重点		 DOM  Document Object Model   文档节点对象模型
					 功能：改变页面效果【结合逻辑】
					 DOM树   document     元素，属性，属性值
					          html
							  head    body
							  meta
						charset	  
					 BOM   Browser Object Model  浏览器对象模型
					 功能：做浏览器效果【结合逻辑】   吸顶灯效果
		 -->
		 <script src="js/jquery-1.11.1(1).js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		
		<script>
			/* JQ语法 */
			$("button").click(function(){alert("别着急拔下~")})
		</script>
	</body>
</html>